@charset "utf-8";
@import "reset";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

html,
body {
    width: 100%;
    height: 100%;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
    >header {
        width: 100%;
        height: r(86);
        position: absolute;
        top: 0;
        background: #f7f7f7;
        margin: 0 auto;
        border-bottom: r(1) solid #c1c1c1;
        padding: 0 r(20);
        .img{
            float: left;
            margin-top: r(20);
            width: r(22);
            height: r(37);
            img{
                width: 100%;
                height: 100%;
            }
        }
        p {
            width: 50%;
            height: r(86);
            line-height: r(86);
            text-align: center;
            margin: 0 auto;
            font-size: r(35);
            color: #333333;
        }
    }
    section {
        width: 100%;
        position: absolute;
        top: r(87);
        bottom: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        .main{
            width: 100%;
            height: r(1006);
            background: #f3f4f6;
            .top{
                width: 100%;
                height: r(371);
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .middle{
                width: 100%;
                height: r(95);
                background: #FFFFFF;
                padding-left: r(20);
                ul{
                    border-bottom: r(1) solid #e1e2e4;
                    height: r(95);
                    li{
                        padding-right: r(20);
                        height: 100%;
                        line-height: r(95);
                        font-size: r(26);
                    }
                    li:first-child{
                        color: #333333;
                    }
                    li:last-child{
                        span{
                        color: #cccccc;
                        vertical-align: middle;   
                        }
                        a{
                            display: inline-block;
                            height: r(94);
                            width: r(50);
                            font-size: r(60);
                            color: #a8a9ab;
                            vertical-align: middle;
                        }
                    }
                }
            }
            .m1{
                border-bottom: r(1) solid #e1e2e4;
            }
            .foot{
                width: 100%;
                padding-top: r(350);
                p{
                    width: 50%;
                    text-align: center;
                    margin: 0 auto;
                    font-size: r(28);
                    letter-spacing: r(3);
                    color: #999999;
                }
            }
        }
    }
}